<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>选择器</title>
<style>
    *{
        background-color: skyblue;
        font-size: 30px;
    }
    /* p{
        color: pink;
        font-size: 30px;
    } */
    .warning{
        font-size: 50px;
        
    }
    .red{
        color:red;
    }
    div p{
        color: violet;
        font-size: 30px;
    }
    span~p{
        color: yellowgreen;
    }
</style>
</head>
<body>
    <p>
        <font color="pink">
            开始的父母都是立刻付多少了
        </font>
    </p>
    <p>开始的父母都是立刻付多少了</p>
    <p>开始的父母都是立刻付多少了</p>
    <p>开始的父母都是立刻付多少了</p>
    <p>开始的父母都是立刻付多少了</p>
    <p>开始的父母都是立刻付多少了</p>
    <p>开始的父母都是立刻付多少了</p>
    <p class="warning red">圣诞节设计开发</p>


    <div>
        <p>我有自己的样式</p>
        <p>我有自己的样式</p>
        <p>我有自己的样式</p>
        <p>我有自己的样式</p>
        <p>我有自己的样式</p>
        <p>我有自己的样式</p>
        <p>我有自己的样式</p>
        <p>我有自己的样式</p>
        <p>我有自己的样式</p>
        <p>我有自己的样式</p>
    </div>

    <ul>
        <li>
            <p>1</p>
        </li>
        <li>
            <p>2</p>
        </li>
        <li>
            <p>3</p>
        </li>
    </ul>
    <div>
    <span>哥哥</span>
    <p>好好</p>
    </div>
    <div>
        <form>哥哥</form>
        <p>好好</p>
        </div>

</body>
</html>